body, html {
     background: #BCBCBC /*#ddd*/;
     margin: 0px;
     padding: 0px;
     height: 100%;
}
body {
     background-image: url('../img/header_back.jpg');
     background-repeat: repeat-x;
}
#other {
     min-height: 100%;
}
* html #other {
     height: 100%;
}
#footer {
     height: 30px;
}
footer {display: block; height: 30px;
    margin: -30px auto 0;
    width: 950px;
    position: relative;
    font-size: 12px;
}


header {
     background-image: url('../img/map_header.jpg');
     background-repeat: no-repeat;
     display: block;
     position: relative;
     margin: 0 auto 0;
     width: 950px;
     height: 300px;
}
header #logo {float: left; font-family: 'Trebuchet MS'; font-size: 36px;}
header .promotions {height: 200px; width: 100%; vertical-align: bottom;}
header .promotions img {margin: 80px 25px -80px 0; width: 562px;}

article {
     display: block;
     width: 950px;
     margin: 40px auto 0;
     position: relative;
}

h1 {margin-left: 65px;font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', 'serif'; white-space: nowrap;}


nav {
     display: block;
     float: right;
     padding: 0;
     margin: 80px 0 0;
     z-index: 1000;
     /* Box Shadow */
     box-shadow: 0 1px 0 #000;
     -moz-box-shadow: 0 1px 0 #000;
     -webkit-box-shadow: 0 1px 0 #000;
     /* Rounded Corners */
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     -o-border-radius: 10px;
     border-radius: 10px;
}

nav ul  {
     border-top: #f3f3f3 1px solid;
     padding: 0;
     margin: 0;
     float: left;
     /* Background Gradient */
     background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     -o-border-radius: 10px;
     border-radius: 10px;
}
nav li  {
     float: left;
     list-style: none;
     background: none;
     margin-right: 1px;
}
nav a { outline: none; }
nav li a:link, nav li a:visited {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold;
     display: block;
     color: #262626;
     padding: 12px 20px;
     text-decoration: none;
     text-transform: capitalize;

     /* CSS3 Text Shadow */
     text-shadow: 0px 1px 1px #fff;

     /* CSS3 Background Gradient */
     background-image: -moz-linear-gradient(top, #cacaca, #848484);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
}

nav li:first-child a {
     /* Rounded Corners */
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
nav li:last-child a {
     /* Rounded Corners */
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

nav li a:hover    {
     cursor: pointer;
     color: #fff;
     text-shadow: 0px -1px 1px #000;
     /* Background Gradient */
    background-image: -moz-linear-gradient(top, #929292, #545454);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
}

nav a.active:link, nav a.active:active, nav a.active:visited  {
     color: #fff !important;
     text-shadow: 0px -1px 1px #000!important;
    background-image: -moz-linear-gradient(top, #444, #666)!important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666))!important;

     /* Box Shadow */
     box-shadow: inset 0 0 10px #000;
     -moz-box-shadow: inset 0 0 10px #000;
     -webkit-box-shadow: inset 0 0 10px #000;
}

.f-s_9 {font-size: 9px;}
.f_l {float: left;}
.f_r {float: right;}
.d_b {display: block;}
.w_280 {width: 280px;}
.c_b {clear: both;}
.bc-c_w {background-color: white;}
.r-c_4 { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;}
ul.l-s-t_d {list-style-type: none inside;}
ul.l-s-t_d>li: before {margin-left: -1ex; margin-right: 1ex; content: "\2012"}
.g1{color: #777779;}
.r1{color: #A61C25;}